<!-- 主界面 -->
<div class="main">
	<div class="row">
		<div class="col-12">
			<!-- 工具栏 -->
			<div class="toolbar">
				<!-- 左侧按钮 -->
				### maxmin:true 配置显示最大化最小化按钮
				### 改为使用打开独立新页面，不再使用 open 交互 open="{maxmin:true, area:'960px', offset:'15px'}"
				<a fill pushState="false" url="/admin/article/add" class="btn btn-success btn-sm">
					<i class="fa fa-plus mr-1"></i>创建
				</a>

				<!-- 右侧搜索 -->
				### 注意：需要根据搜索功能所处的模块修改 form 表单的 action 属性
				<form action='/admin/articleComment' onsubmit="return articleCommentSearch();" id="search-form" class="search-box">
					<input value="#(keyword)" placeholder="搜索" id="search-keyword" class="form-control form-control-sm" type="text">
					<i class="fa fa-search"></i>
				</form>
			</div>
			<!-- 表格容器 -->
			<div id="table-box" class="table-box">

				<table class="table table-hover" >

					<thead>
					<tr>
						<th >ID</th>
						<th>评论内容</th>
						<th>时间</th>
						<th>审核通过</th>

						<th class="operation">操作</th>
					</tr>
					</thead>

					<tbody>
					#for (x : page.getList())
					<tr>
						<td>#(x.id)</td>
						<td>#(x.content)</td>
						<td>#date(x.created)</td>

						<td>
							<div class="custom-control custom-switch">
								<input #(x.auditState == 1 ? 'checked':'') url='/admin/articleComment/audit?id=#(x.id)' type="checkbox" class="custom-control-input" id="id-#(x.id)">
								<label class="custom-control-label" for="id-#(x.id)"></label>
							</div>
						</td>

						<td class="operation">
							<a  open="{area:'400px', offset:'139px'}" url="/admin/articleComment/edit?id=#(x.id)&pn=#(page.pageNumber)">查看</a> |

							### 这里用 url 代替 href 是为了防止意外删除数据
							<a confirm="确定删除 #escape(x.content) ？" ok-remove="tr" url="/admin/article/delete?id=#(x.id)">删除</a>
						</td>
					</tr>
					#end
					</tbody>

				</table>
			</div>

			<!-- 分页 -->
			### 将 keyword 放入 append，促使分页链接中追加该参数用于搜索
			#set(append = keyword ? '&keyword=' + keyword : '')
			#@adminPaginate(page, "/admin/articleComment?pn=")

		</div>
		</div>

    </div>
<link rel="stylesheet" href="/assets/lib/jstree/themes/default/style.min.css" />
<script src="/assets/lib/jstree/jstree.min.js"></script>
<script>
function articleCommentSearch() {
		var url = $('#search-form').attr('action');
		var keyword = $('#search-keyword').val();

		kit.loading({msg:'正在搜索, 请稍候 .....'});
		$.ajax({url: url, data: {keyword: keyword},
			type: 'POST', cache: false, dataType: 'html',
			success: function(ret) {
				kit.closeLoading();

				// 如果返回 json 格式数据，则 msg 输出，例如后端验证参数失败会返回 json
				if (kit.isJsonRet(ret)) {
					kit.msg(kit.strToJson(ret), {time:3900, closeBtn:2});
				} else {
					$('#content-box').html(ret);
					$('#search-keyword').select();
				}
			}
		});

		// 返回 false 避免表单提交，请求已经使用上面的 $.ajax 发送完成
		return false;
	}
</script>



